﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <title>Index | A - Mark Admin</title>
    <link rel="stylesheet" type="text/css" href="Css/demo.css" />
    <link rel="stylesheet" type="text/css" href="Css/style3.css" />
    <link rel="stylesheet" type="text/css" href="Css/animate-custom.css" />
</head>
<body>
    <div class="container">
        <section>				
                <div id="container_demo" >
                    <a class="hiddenanchor" id="toregister"></a>
                    <a class="hiddenanchor" id="tologin"></a>
                    <div id="wrapper">
                        <div id="login" class="animate form">
                            <form action="index.html" method="post" autocomplete="on"> 
                                <h1>Đăng nhập</h1> 
                                <p> 
                                    <label for="username" class="uname" data-icon="u" > Tài khoản của bạn </label>
                                    <input id="username" name="username" required="required" type="text" placeholder="myusername "/>
                                </p>
                                <p> 
                                    <label for="password" class="youpasswd" data-icon="p"> Mật khẩu cả bạn </label>
                                    <input id="password" name="password" required="required" type="password" placeholder="eg. X8df!90EO" /> 
                                </p>
                                <p class="keeplogin"> 
									<input type="checkbox" name="loginkeeping" id="loginkeeping" value="loginkeeping" /> 
									<label for="loginkeeping">Ghi nhớ</label>
								</p>
                                <p class="login button"> 
                                    <input type="submit" value="Đăng Nhập" /> 
								</p>
                                <p class="change_link">
									Bạn quên mật khẩu ?
									<a href="#toregister" class="to_register">Tìm lại mật khẩu</a>
								</p>
                            </form>
                        </div>

                        <div id="register" class="animate form">
                            <form action="index.html" method="post" autocomplete="on"> 
                                <h1> Tìm lại mật khẩu </h1> 
                                <p> 
                                    <label for="usernamesignup" class="uname" data-icon="u">Tài khoản của bạn</label>
                                    <input id="usernamesignup" name="usernamesignup" required="required" type="text" placeholder="mysuperusername690" />
                                </p>
                                <p> 
                                    <label for="emailsignup" class="youmail" data-icon="e" >Email của bạn</label>
                                    <input id="emailsignup" name="emailsignup" required="required" type="email" placeholder="mysupermail@mail.com"/> 
                                </p>
                                <p class="signin button"> 
									<input type="submit" value="Xác nhận"/> 
								</p>
                                <p class="change_link">
                                    Bạn muốn đăng nhập ?
									<a href="#tologin" class="to_register"> Quay trở lại </a>
								</p>
                            </form>
                        </div>
						
                    </div>
                </div>  
            </section>
    </div>
    <div id="site_info">
        <p>
            Copyright <a href="#">A - Mark Admin</a>. All Rights Reserved.
        </p>
    </div>
</body>
</html>
